@charset "utf-8";
@import "main.less";

@media all and (max-width: 1366px){

  body{
    background-color: @bodyColor;
    font-size: 14px;
  }
  .body{
    width: 900px;
    .margin(20px,auto);
  }
  //卡片
  .articleCard{
    margin-bottom: 18px;
    .shadow();
  }
  //文章图片块
  #articlePhoto{
    .size(900px,600px);
    display: table;
    background-color: white;
    &:hover{
      cursor: pointer;
    }
  }
  //文章图片中部
  #cover{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: @infoColor;
  }
  #cover p{
    .margin(5px,0px);
  }
  #cover img{
    .margin(5px,5px);
    max-width: 900px;
    vertical-align: middle;
  }
  //文章标题
  #articleTitle{
    font-size: 28px;
    font-weight: bold;
    color: @titleColor;
    border-width: 0px;
    .padding(8px,8px);
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 8px;
    .shadow();
  }
  //编辑框
  #editor{
    background-color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
    .shadow();
  }
  .w-e-text img{
    .margin(auto,1px);
    vertical-align: middle;
  }
  .w-e-text{
    line-height: 22px;
    letter-spacing: 0.8px;
  }
  //文章按钮块
  #articleBtn{
    text-align: right;
  }
  #draft{
    font-size: 18px;
    .btn_default(fill,90px,45px);
  }
  #publish{
    font-size: 18px;
    .btn_submit(fill,90px,45px);
  }
  #tabs{
    height: 40px;
    line-height: 40px;
    background-color: rgba(255,255,255,0);
    margin-bottom: 18px;
  }
  #addTab{
    font-size: 28px;
    .btn_purple(fill,84px,40px);
  }
  .tabContent{
    font-size: 16px;
    text-align: center;
    border: 1px #ffffff solid;
    border-radius: 4px;
    width: 86px;
    height: 36px;
    background-color: @handleColor;
    color: @titleColor;
  }
  .tab{
    margin-right: 5px;
    float: left;
  }
  .tabClose{
    position: relative;
    right: 8px;
    bottom: 20px;
    cursor: pointer;
  }
  .bigFont{
    font-size: 18px;
  }
}